/***ajmain.css***/
/*Main style sheet for most pages.*/
/*Specifically excludes index.html which is has own style in the head*/
/*and some pages were I have have experimented with style.*/     
/*Note a message I found to myself said use #ffedb7 because #ffffe0 nok in ns4.5*/

/*body  
{background-color:#ffffcc;  /*a note to myself said #ffffffcc did not work in ns4.5 and to use #(see a body on a page)*/
/*margin-top:5px;
margin-left:3%;
margin-right:2%}	/*changed from left:40px, right:30px to 4%, 3%  5/1/02	and to 3%, 2% 10/1/02*/

/*my new body as at 1 Feb 02 ..I'll just have to sort problems as I find them (avoids left margin confusion)*/
/*(margin-top provision might have to go into the banner)*/
body {background-color:#ffffcc; color:#000;
/* taken from http://allmyfaqs.com/faq.pl?Get_rid_of_margins ..excellent reference*/
margin:0; padding: 0; position: absolute; top:0; left:0}

.toplink
{font-size:12px; font-family:arial,sans-serif; font-weight:600; color:maroon; background-color:#ffcccc;} /*pink replaced to try to make work in ns4.7 (even though pink works in banner*/
.thislink /* #cccccc; was  original grey I tried the lighter #ffdbe7; used in List but it was too light (and did not show at all in ns7). Back to #cccccc*/
{font-size:12px; font-family:arial,sans-serif; font-weight:600; color:#000099; background-color:#cccccc;}
/* ## note Validadator says pink is not a color value! ## */
.reverse
{font-size:12px; font-family:arial,sans-serif; font-weight:600; color:#ffcccc; background-color:maroon;}
a:hover.toplink
{color:red; background-color:#ffcccc;} /*bgcolor suggested by Validator*/
a{font-size:16px; color:blue;}
/*a:hoover's red overlap's with a:hover.toplink ..feel content and navbar need to be isolated to give options*/
a:hover{color:red; text-decoration:none;}

h2 /*Aussie John page header*/
{background-color:pink;
font-family:trebuchet,verdana,arial;
color:maroon;
font-size:24px;
font-weight:900;
text-decoration:underline;
padding:4px;
margin-left:1%;
margin-right:1%;
margin-top:0.5%;
margin-bottom:0px;
/*For the double blue line effect*/ 
border-width:9px 0px 9px; /* Hmm ..could be border-width:9 0 9 or border-width:9px 0px 9px; 0px ?*/
border-style:double;
border-color:#000099;}

.banner  /*an invisable box*/ /*DUE TO BE REMOVED ONCE 1 FEB 02 CHANGES ALL MADE (I THINK)*/
{margin-left:0%;
margin-right:0%;} /*changed from -3% and -3% to -1% and 0% 10/1/02 along with body change of same date in attept to compromise with ns4.7 reading -% as positive.*/
/*changed from -1% and 0% to 0%,0% on 1 Feb 02 for body margin removal*/

.navbar /* Duplicates .c but this gives options to box the buttons later (div align=center is option too).*/
{text-align:center;}

.date{font-family:arial,sans-serif; font-size:11px; font-weight:600; text-decoration:none;} /*identical to toplink*/
 
h1 /*page heading*/
{font-family:verdana,arial;
color:#000099;
font-size:24px;
text-align:center;
font-weight:900;
margin-bottom:0px;}

.gmenu1 /*for group menu div  -another box */
{color:green; text-align:center; 
margin-left:5%;  /*1 feb 02 margin removal adj from 3% to 6%*/
margin-right:5%;  /*1 feb 02 margin removal adj from effectively 2% to left value*/
/*from the span syle for first box in Links2  ..need to sort all the various box code*/ 
border-width:1px; border-style:solid; border-color:green; background-color:#ffffe0; padding:4px;} 
.gmenu2 /*for group menu a*/
{color:green; font-family:"Times New Roman"; font-weight:600;}  /*Capitals for Times New Roman?*/

p {margin-left:3%; margin-right:2%;	 /*old body values given to p on 1 Feb 02 to maintain p relative position*/
font-family:arial;
font-size:16px;
/*color:black;*/  /*hard wiring black here was wrong! Putting a div around text it to change the color or specifing a different color in a box would not work because it was overwritten at p's black ..you get black anyway by default ..so leave it out of deep layered style like p (which extends to i as well).*/
/* a worry ..the p's in htmled were blue and I had to put color black in p up in the head sure there was #000099 used in .group but it was not #000099 it was blue (I put a span=#000099 in to see the contrast ..it's still there!)*/
font-weight:500;
text-indent:3%;} /*changed from 30px to 3%  5/1/02*/
/*text-align:left;}   isolated for eventual removal 5/1/01*/

.list{margin-left:7%; 
margin-right:7%;
text-indent:0px;
font-size:15px;}  

.i  /*more economic .list*/
{margin-left:7%; /*was 6% should be made 9% on 1 Feb 02 but clawed back 2% of the left margin*/
margin-right:7%; /*should be made 9% on 1 Feb 02 but just left at 7% (like the new left margin*/
text-indent:0px;
font-size:15px;}  /*same as list, 1px less than p and a (and a:hover) size of 16px  ..makes link a blue subheading*/

/*similar to list (1px less) for use in box1,2,3 where a lot of text and padding used as margins first used in autocad*/
.alert1 
{margin-left:3%; /*pre 1 Feb 02 body values added like p*/
margin-right:2%;
text-indent:0px;
font-size:14px;}  

/*same as list  for use in box1,2,3 where a lot of text and padding used as margins first used in htmled -comb editor box*/
.alert2 
{margin-left:3%; /*pre 1 Feb 02 body values added like p*/
margin-right:2%;
text-indent:0px;
font-size:15px;}  


/* Remember (font-family:trebuchet,verdana,arial;)  ie trebuchet as alt for special heading
(and tahoma) ..sick of probs with "coppergothic gothic light" */

/*sub-heading, minor page heading or emphasis*/ 
/*used with p, so p's text-indent:3% applies too.*/
/* (I suppose you can use .group as a class with another tag).*/
.group 
{font-family:arial;
font-size:18px;
color:green;
font-weight:600;}

	/*(Was) Not used now. (Was) Left as a reminder that lists have to be mastered!*/
	/* #  Attempt at mastering being undertaken in stylecase  ..Integration With TopStyle # */
	/* #  This style copied back there for easy reference for time being # */
ul {margin-left:7%; /*same 1 Feb 02 adj as list*/
margin-right:7%;
font-family:arial;
font-size:16px;  /*note see also a and a:hover */
list-style-type:square;} 

li{margin-left:7%; /*same 1 Feb 02 adj as list*/
margin-right:0%; /*so you get the same as ul or, presumably, it would be another 7% inside the ul 7%*/
list-style-image: url(imggen/grnbullet.gif);  /*Efficiency! One image applied repeatedly! (but nok in ns47)*/
/* hopefully if you put list-style-image:none; then the list-style-type:square; from ul will come through*/
font-family:arial;
font-size:15px; /*same as list, 1px less than p and a (and a:hover) size of 16px  ..makes link a little blue subheading*/
color:black;} /*needed if you have ul a different color*/ 


/**font effects for emphasis**/

/*in effect a borderless box -used twice in pspro at least  ..I might have made a mistake but I have not been able to put a border around it when used as a span alone*/
.highlight1{background:yellow; font-weight:600;}

/*cf yellow -not used ...think about ..but get real highlighter "neon" yellow*/
.highlight2{background:#ffcc99; font-weight:600;}
		
/* if want remmed out*/
.hide {display:none;} 

strong{color:maroon; font-weight:800;} /*put here to get me thinking about lead words as a type of sub-heading ..see htmled, List for example (not used as at 5 Jan 2001)*/

/* ## note Validadator says italic is not a font style! ## */
em{color:red; font-size:18px; font-weight:800; font-style:italic;} /*typically used for New!!*/
i{color:red;} /*alt to some span.color uses (you are modifying <i> so you get italic too).*/
.color{color:maroon;} /*when want dark plain print not in your face red italic*/
.color2{color:red;}
.color3{color:#000099;}
/* .color4{#f3e3f3}  ## note Validadator says parse error -step one of removal! ## */
/*.color5{color:#eff4bc;} # -step one of numbering this 4*/ /*the color used with lower case text of green demo box in stylecase*/

.cosmos {color: #A1E8CD;} /*meyer color of universe*/

span.lead{color:maroon; font-weight:600;} /*used at least as a form of para subheading in htmled cf The List*/

.u{text-decoration:underline;}
.ref{font-style:italic; font-size:14px;} /*orig used in form p.ref used for description of dinocove gif*/


/*occurs in basic.html Sect 3. Providing And Obtaining Qbasic Examples On The Internet (at least)*/
/* ## needs a machine like-font which is'nt so spaced ..check alturnatives out!*/
.code /*to display html, css or other code to the visitor */
{font-family:Courier,"Courier New", monospace; /*capitalisation from westciv recipe*/
font-size:16px;
color:maroon;
text-indent:0;} /*so can use with p*/

.c{text-align:center;}

.sign /*aj signiture or some new AJ's Choice/Pick*/
{font-family:cursive;
color:maroon;
font-size:38px;}

/*taken from http://wdvl.com/Authoring/Style/Sheets/Examples*/
/* Used in  effect as a capstyle2,3, , */
/*There is no float code to give a drop effect. I've tried introducing float but can't get everything lined up looking good*/
/*Sadly, font-family comes up great in ns4.7 but not in ie5 (although must try office ie5)*/
/*Used in applemac, awards, dino, psprotrng, stylecase(token use)*/
/* Remember (font-family:trebuchet,verdana,arial;)  ie trebuchet as alt for special heading
(and tahoma) ..sick of probs with "copperplate gothic light" */
.drop 
{background-color:#333366;
color:#ffcc33;  /*is this a better color to use than the gold/yellow I've tried to use at various times*/
font-family:tahoma;  /* "Copperplate Gothic Light" + other capitalised fonts out  tacoma in 12/1/02  #debug */
font-weight:600;
text-align:center;}	


/*img.floatleft{float:left} to replace align="left" (from westciv)*/
/*changed to save size (f taken to mean left by default} ..need to find style for (say) hspace=8*/
/*align left is retained at westciv and coffee cup in stylecase as a record that it does not cause a space offset in ns4.7 at the image like class=f does*/
.f{float:left;}
.fr{float:right}

/* westciv -float with magins
img.floatright {
  float: right;
  margin-top: .5em;
  margin-bottom: .5em;
  margin-left: 1em;}

img.floatleft {
  float: left;
  margin-top: .5em;
  margin-bottom: .5em;
  margin-right: 1em;}
*/




/*** BOXES **/

/** Note: None of the text styles placed in the div container has ever worked for me in ns4.7.  Consequently all my div boxes have a p element, span class or span style or whatever it takes to get text style (compares with having to put style in at cell level for ns in tables for ns. In general, you don't want box styles cluttered up with text styles anyway **/

/* # replaced by box1 ..due for removal soon # */
div.simplebox 
{border-width:3px;
border-style:solid;
border-color:maroon;
padding:2%;
background-color:yellow;
margin-left:6%;   /*old body values added on 1 Feb 02 to maintain relative position*/
margin-right:4%}

/**From WestCiv**/
/*Note use of para pull box (first in csshtmlrng)*/
/*dotted, dashed, double, groove, ridge, inset and outset (border-style)*/
/*border: medium black solid; (replaces border-width, border-color, border-style) eg border: thin #000099 double;*/
/* border-style:solid (double or whatever);  ...gives you default border-width (medium) and default border-color (black) (or color specified for text as may be the case in a para pull box or a div where you have given up on ns.*/
/*Use of:-  margin-left:auto; and margin-right:auto; (perhaps it centers your left and right margins somehow).*/

div.box1 /*.is simple box ..beginning  a numbered box system*/
{border-width:3px;
border-style:solid;
border-color:maroon;
padding:2%;
background-color:yellow;
margin-left:3%;  /*old body values given on 1 Feb 02 to maintain relative position*/
margin-right:2%}

/* put in because would not work as a class with p see raggatty in htmled*/  
.box1 /*.is simple box ..beginning  a numbered box system*/
{border-width:3px;
border-style:solid;
border-color:maroon;
padding:2%;
background-color:yellow;
margin-left:3%; /*old body values on 1 Feb 02 to maintain relative position*/
margin-right:2%}

/*second box in numbering system (doing without a div.box2 for now)*/
/*intended to make max use of screen width using p 13px*/
/*used in psprotrng (intro box -first box on page) at least*/
.box2{border-width: 5px;
border-style:double;
border-color:#000099;
background-color:#ffcccc;  /*a pink like my banner pink*/
padding:1%;
margin-left:3%;  /*old body values on 1 Feb 02 to maintain relative position*/
margin-right:2%;}


/*modified box1/2 to stop Answers in Links2 going to LHS of screen in ns4.7 (invisable)*/
/*outcome is like a bigger invisable attention box */
/*it's positional role, (like box3 which is in effect a list item highlighter) is to have it's left margin sit flush with list items*/
/*as you can't see it it is like .banner for locating the banner and navbar */
/*15/1/02 Links1 box2 shows no real need for a boxinv1,2,3..!  Use a box1,2,3.. (with a border-style:none;) but keep it if you want. Found perusing allaire support, help whatever. Blurbs (see also style guide), style in head and allaire_ie(/ns).css* (do it in homesite ..either click on the help book at bottom of left screen or go programs/allaire4.5/support /blah blah..)*/

.boxinv1{
margin-left:7%;  /*made like list on 1Feb 02*/
margin-right:7%; /*this (list) value is flexible ...if an av right margin becomes apparent in the styles ..set it here.*/
border-width:0px;  /* not reqd (just for debug inspecting ..cf table border=0 or 1) */
border-style:solid;}  /* ditto */


/*third box in numbering system (doing without a div.box3 for now)*/
/*like box inv 1, intended to for use where left margin is to line up with list items*/
/*used in grabbag2  (Dmoz-gold, Tecumeh, WTC), grabbag3 (Mogo friends) at least*/
/*used in all three boxes in autocad (as at Jan 02)*/
.box3{border-width:2px;
border-style:ridge; /*from westciv ..seems to be just solid in ie5 and ns4.7*/
border-color:blue; /*trialling blue because thin #000099 appears black to me at first glance*/
background-color:#ffffe0; 
padding:2%;
margin-left:7%; /*like list 1 Feb 02 except margin right 6 no7 (for WTC) maybe list magin right should be 6% too.*/
margin-right:6%;} /*this (list) value a starting point). 20% used for dmox-gold in Links2, 24% used in both Links3 uses*/

/*like box1 but set up to individually vary each of the four borders*/
/*I was using it as a div in-line style in the first yellow box of basic. Don't know where I found it.*/
/*still used in this vanilla version for the first yellow box in basic*/
.box4  /*Downlad 'n Go and Bingo boxes*/
{background-color:yellow;
margin-left:3.5%; margin-right:3%;  /*old body values added on 1 Feb 02 to maintain relative position*/
border-left:red 2px solid; border-right:red 2px solid; border-top:red 2px solid; border-bottom:red 2px solid;
padding-left:1%; padding-right:1%; padding-top:1%; padding-bottom:1%;}

/* another version of .box4 ready to play with*/
/*unused as at 22/1/02 (rtn from MossV)*/
.box5
{background-color:yellow;
margin-left:3.5%; margin-right:3%; /*old body values added on 1 Feb 02 to maintain relative position*/
border-left:red 2px solid; border-right:red 2px solid; border-top:red 2px solid; border-bottom:red 2px solid;
padding-left:1%; padding-right:1%; padding-top:1%; padding-bottom:1%;}

.box6  /*Glossary Project*/
{background-color:wheat;
margin-left:3%; margin-right:2%; /*old body values given on 1 Feb 02 to maintain relative position*/
border-left: blue 2px solid; border-right: blue 2px solid; border-top: blue 2px solid; border-bottom: blue 2px solid;
padding-bottom:1%; padding-left:1%; padding-right:1%; padding-top:1%;}


.box7  /*bingo box*/
{background-color:yellow;
margin-left:3.5%; margin-right:3%; /*old body values added on 1 Feb 02 to maintain relative position*/
border-left: red 2px solid; border-right: red 2px solid; border-top: red 2px solid; border-bottom: red 2px solid; 
padding-bottom:1%; padding-left:1%; padding-right:1%; padding-top:1%;}

 /* taken from forum. note use of width (with auto?). */
	/*it was said that auto centers the div but I have not seen it on ie5*/
	.back3 {
    background-color: #003163;
    color: #FFFFFF;
    margin-left: auto;
    margin-right: auto;
    border: none;
    padding: 3%;
    text-align: left;
    font-family:verdana, sans-serif;
    font-size: 1em;
    width: 70%; }

	/*box reminders*/
/* gmenu    3,0 ~ border green, border size1 ~ color #ffffe0 ~ padding 4 ~ contents centered  use it !
/*(was used for group sub headings in dino) */
/*And don't forget attention box (wherever it is..apparently in pages where used).
/*ultimately there might have to be some rationalistion between attention, boxinv1 and box3 (at the very least box inv should become box3inv or boxinv1 removed and just be box 3 with changes in line style  ..no keep a dedicated invisable box system for positioning with float practice */


/*Notes*/
/*consider this color combination put here for future reference*/
/*background is grey/silver like this comment text (you can see it used in The List)*/
/*..color is a softer not in your face green but really no good for text ..background potential with gold/tellow text maybe*/
/* not a good general use combination but I think it would be useable somewhere in dinos*/
/*background-color:#e4f4bc; meant to co-ord with #84c444*/
/*  #ffff99 a soft lemon yellow    #ffcc99 pinkish light brown  and similar used in canetoad controls box1 #fecf89*/


/* Seen about 25 April 03 and started using in individual tutorial files in MDT folder called by acadmdt.html*/
/*
 font-size:small;
 larger
 smaller
 xx-small
 x-small
 small
 medium
 x-large
 xx-large
 
 0r better say (westciv
 font-size:1em; (in body)
 and
 3em
 2em
 1.6e
 0.8em
 as approriate elsewhere
 now user can set text size and all adjusts in proportion
  */
 
 /*
 border: 5px black double;
 or say,
 border-top: 1px black solid;
 border-bottom: 1px black solid;

dotted 
dashed 
double 
groove 
ridge 
inset 
outset
*/